<template lang="pug">
  <div>
    el-dialog( title="自定义显示列表" :visible.sync="dialogCustomizeVisible" width="35%" :before-close="handleClose")
      .content
        h3 列项显示不得少于5项，最多支持自定义10个列项，灰色选中列不支持隐藏和排序
        div.listCont
          div.list
            h5 列名
            div
              li
                <input class="toggle" type="checkbox" disabled />
                <label>品牌logo</label>
              li
                <input class="toggle" type="checkbox" disabled />
                <label>品牌名称</label> 
              li
                <input class="toggle" type="checkbox" disabled />
                <label>操作</label> 
              li
                <input class="toggle" type="checkbox"  />
                <label>产地</label>
              li
                <input class="toggle" type="checkbox"  />
                <label>注册商标</label>  
              li
                <input class="toggle" type="checkbox" />
                <label>品牌公司</label>   
              li
                <input class="toggle" type="checkbox"  />
                <label>入库时间</label>
              li
                <input class="toggle" type="checkbox" />
                <label>已关联代理公司</label>  
              li
                <input class="toggle" type="checkbox"  />
                <label>已关联上架材料数</label>  
          div.list
              h5 已选
              div
                li
                  <label>品牌logo</label>
                li
                  <label>品牌名称</label>  
                li(disabled)
                  <label>操作</label>                                 
      div(slot="footer" class="dialog-footer")
        //- span(style="float:left") 恢复默认
        el-button(@click="dialogCustomizeVisible = false") 取 消
        el-button(type="primary" @click="dialogCustomizeVisible = false") 确 定 
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>